<template>
	<view :class="$thatThemeClassName" style="padding: 15px;">
		<view @click="openMinProgram" class="shop_container flex-col align-center justify-center">
			<img
				class="rich_pages shop-img flex-1" 
				src="https://mmbiz.qpic.cn/sz_mmbiz_png/Xr08ic9vQn44ISdicnlymbicIBT1ibB5n4u6Ia7XYm0zXKS3TCiaG1EXjQzJgNAb6zlItZH5a1mnC7ONgu46mQyeN3g/640?wx_fmt=png&from=appmsg"
			>
			<view class="shop_title">{{ title }}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '熊猫一二布布桌面玩偶可爱手办车载摆件'
			}
		},
		methods: {
			openMinProgram(){
				uni.navigateToMiniProgram({
					// 目标小程序的appid
					appId: 'wx4d1258677af59f5c', 
					// 目标小程序的页面路径
					path: 'lib/item/dist/pages/index/index?itemId=7262049041',
					success(res) {
						// 打开成功
					},
					fail(res) {
						// console.log('跳转失败，请稍后再试');
					}
				})
			}
		}
	}
</script>

<style scoped lang="scss">
.shop_container{
	padding: 12px;
	background-color: #e3e3e3;
	border-radius: 12px;
	.shop-img{
		border-radius: 12px;
	}
	.shop_title{
		padding: 15px 10px;
	}
}
</style>
